<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags"%>

<sec:authentication property="principal" var="currentPrincipal" scope="page" />

<div class="modal-dialog x-modal-dialog">
 <div class="modal-content">

  <div class="modal-header">
   <button type="button" class="close" data-dismiss="modal">
    <span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
   </button>
   <h4 class="modal-title">提现管理&nbsp;-&nbsp;过滤查询</h4>
  </div>

  <form class="form-horizontal x-form" method="GET" action="${ctx.host}/withdrawal-records">

   <input type="hidden" name="filter" value="true" />

    <div class="modal-body">

    			<div class="form-group  ms-form-group">
					<label class="control-label col-xs-3">支付时间：</label>
					<div class="col-xs-4 common-date">
						<input type="datetime" name="payBeginTime"
							class="form-control datetime" placeholder="请选择开始时间" autocomplete="off" />
					</div>
					<div class="col-xs-4">
            			<input type="datetime" name="payEndTime" class="form-control datetime" placeholder="请选择结束时间" autocomplete="off" />
          			</div>
				</div>
				
				<div class="form-group  ms-form-group">
					<label class="control-label col-xs-3">创建时间：</label>
					<div class="col-xs-4 common-date">
						<input type="datetime" name="beginCreateTime"
							class="form-control datetime" placeholder="请选择开始时间" autocomplete="off" />
					</div>
					<div class="col-xs-4">
            			<input type="datetime" name="endCreateTime" class="form-control datetime" placeholder="请选择结束时间" autocomplete="off" />
          			</div>
				</div>

				<div class="form-group ms-form-group">
				     <label class="col-xs-3 control-label"><span class="text-red">*</span>用户：</label>
				     <div class="col-xs-8">
				      <select name="userId" class="select2  form-control" data-validate="required" tabindex="3">
				       <option></option>
				       <c:forEach var="user" items="${persist.users}">
				        <option value="${user.id}" ${currentPrincipal.id == user.id ? 'selectd' : ''}>${user.name}</option>
				       </c:forEach>
				      </select>
				     </div>
				</div>

   </div>
   <div class="modal-footer x-modal-footer">
    <button type="submit" class="btn x-btn btn-primary">确定</button>
    <button type="button" class="btn x-btn x-btn-gary" data-dismiss="modal">取消</button>
   </div>
  </form>
 </div>
</div>


<script type="text/javascript">
  $(document).ready(function () {
	   $('select').select2({
		      theme: "classic",
		      placeholder : '请选择',
		      minimumResultsForSearch : -1,
		      allowClear : true
		    });
	    $('.datetime').datetimepicker({
            format: 'yyyy-mm-dd',
            autoclose: true,
            language: 'zh-CN',
            todayBtn: 'linked',
            startDate: '${today}',
            todayHighlight: true,
            pickerPosition: 'bottom-right',
            minView: 'month'
          });
  })
</script>